<template>
	<view>
		<u-navbar class="navbar" :border-bottom="false" title="售后" :title-size="36" :title-bold="true" :title-color="textColor" :background="{backgroundColor: bgColor}">
		</u-navbar>
		<view class="box-color box-padding u-flex u-m-b-20">
			<view style="font-size: 0;">
				<image :src="resourcesUrl + info.resourceId" style="width: 120rpx;height: 120rpx;border-radius: 10rpx;" mode=""></image>
			</view>
			<view class="u-m-l-20 u-flex-col u-row-around" style="height: 120rpx;">
				<text class="u-font-30">{{ info.itemName }}</text>
				<view class="u-flex">
					<view class="grey-box u-m-r-20">
						{{ info.specification }}
					</view>
					<view class="grey-box">
						x{{ info.quantity }}
					</view>
				</view>
			</view>
		</view>
		<u-cell-group>
			<u-cell-item title="请选择售后类型" :arrow="false" :border-bottom="false" :title-style="titleStyle" hover-class="none" style="height: 90rpx"></u-cell-item>
			<u-cell-item title="我要退款（无需退货）" @click="$mRouter.push({ route: $mHelper.objParseUrlAndParam('/pages/purchase/order/tuikuan', info) })"></u-cell-item>
			<u-cell-item title="我要退货" :border-bottom="false" @click="$mRouter.push({ route: $mHelper.objParseUrlAndParam('/pages/purchase/order/tuihuo', info) })"></u-cell-item>
		</u-cell-group>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				titleStyle: {
					fontSize: '32rpx',
					fontWeight: 'bold',
					color: this.textColor
				},
				info: {}
			}
		},
		onLoad(option) {
			this.info = option
			console.log(this.info)
		}
	}
</script>

<style>
</style>
